import { useTitle } from 'ahooks';
import React from 'react'
import { Tabs } from 'antd-mobile'
import Tab from '../tab'
import style from "./index.less"
import Dfm from '../list'
import Fh from '../finish'
import Qx from '../quxiao'
const Dingdan = () => {
  useTitle('交易订单')

 
  
  return (
   
       
    <div className={style.tt}>
    <Tabs className={style.ys}>
      <Tabs.Tab title='待确认' key='fruits'>
      <Dfm State={'SUPPLIER'} />
      </Tabs.Tab>
      <Tabs.Tab title='已完成' key='vegetables'>
       <Fh State={'SUPPLIER'}  />
      </Tabs.Tab>
      <Tabs.Tab title='取消交易' key='西瓜'>
       <Qx State={'SUPPLIER'}/>
       </Tabs.Tab>
    </Tabs>
        <Tab />
      </div>
      
   


  )
}
export default Dingdan;
